// 配置路径和组件之间的映射关系
export default {
  // 路由模式
  mode: "history",
  // 路径
  routes: [
    {
      // 路径 /==首页
      path: "/",
      // 通过命名方式配置路径，减少因path路径更改引发组件访问路径更改
      name: "Home",
      // 取个别名，只要是index开头的都能找到首页
      alias: "/index*",
      // 使用函数式声明，按需加载，使页面加载速率加快
      // 如果像这个component:Home样子直接配置组件，会在页面加载的时候把所有的组件全部加载上，耗费时间
      component: () => import("@/views/Home"),
    },
    {
      // 动态路由匹配 在路径后面加上/:id，切换图书类型id，切换到对应的页面
      path: "/types/:id",
      name: 'Types',
      component: () => import("@/views/HeaderTypes"),
    },
    {
      path: "/register",
      name: 'Register',
      component: () => import("@/views/Register"),
    },
    {
      path: "/login",
      name: 'Login',
      component: () => import("@/views/Login"),
    },
    // 找不到的404，放在最后
    {
      path: "*",
      name: '404',
      component: () => import("@/views/NotFound"),
    },
  ],
};
